<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="locadora/favicon.ico">

    <title>LocadoraBP</title>

    <!-- Bootstrap core CSS -->
    <link href="locadora/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="locadora/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="locadora/assets/js/ie10-viewport-bug-workaround.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Custom styles for this template -->
    <link href="carousel.css" rel="stylesheet">
  </head>
<!-- NAVBAR
================================================== -->
  <body>
    <div class="navbar-wrapper">
      <div class="container">

        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand">LocadoraBP</a>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                  <li class="dropdown"><a href="CadastroCliente.jsp">Cadastra-se</a></li>
             
              
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contatos<span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Instagram</a></li>
                  </ul>
                </li>
                
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Filmes <span class="caret"></span></a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="CadastroFilme.jsp">Cadastre Filmes</a></li>
                    <li><a href="ConsultaCliente.jsp">Consultar Usuário</a></li>
                    <li><a href="ConsultaFilme.jsp">Consultar Filmes</a></li>
                    <li><a href="http://megafilmeshd.net/category/lancamentos/">Lançamentos</a></li>
                    <li><a href="http://megafilmeshd.net/category/acao/">Ação</a></li>
                    <li><a href="http://megafilmeshd.net/category/aventura/">Aventura</a></li>
                    <li><a href="http://megafilmeshd.net/category/comedia/">Comédia</a></li>
                    <li><a href="http://megafilmeshd.net/category/documentarios/">Documentários</a></li>
                    
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div>

      </div>
    </div>


    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="item active">
          <img src="http://assuntodavez.com.br/wp-content/uploads/2014/02/robocop-2014.jpg" alt="First slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Robocop 2014</h1>
              <p>Em um futuro não muito longe os drones não tripulados e os robôs são utilizados para a segurança das pessoas, no entanto, o combate ao crime nos EUA não pode ser feito por eles, e a OmniCorp, a empresa que criou as máquinas, tenta reverter essa situação.</p>
              <p><a class="btn btn-lg btn-primary" href="https://www.youtube.com/watch?v=x4ukwHdACDw" role="button"> Trailer</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="http://cdn.superbwallpapers.com/wallpapers/movies/the-hobbit-the-desolation-of-smaug-26201-2560x1440.jpg" alt="Second slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>The Hobbit.</h1>
              <p>No último episódio da saga O Hobbit, Thorin e os anões já recuperaram sua montanha, mas, agora, precisam enfrentar a ira de Smaug numa batalha que envolverá toda a Terra Média.</p>
              <p><a class="btn btn-lg btn-primary" href="https://www.youtube.com/watch?v=ZSzeFFsKEt4" role="button">Trailer</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="http://www.laialamargonar.com/wp-content/uploads/2014/02/lobo1.jpg" alt="Third slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>O Lobo de Wall Street.</h1>
              <p>Estrelado por Leonardo Di Caprio e dirigido por Martin Scorsese, “O Lobo de Wall Street” é um corretor da bolsa de valores norte-americana que, com apenas 22 anos, conseguiu ganhar uma verdadeira fortuna.</p>
              <p><a class="btn btn-lg btn-primary" href="https://www.youtube.com/watch?v=PoSCUsNQVtw" role="button">Trailer</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </div><!-- /.carousel -->



    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    
    
    <!--
    
    <div class="container marketing">

      <!-- Three columns of text below the carousel -->
      
      <!--
      <div class="row">
        <div class="col-lg-4"> 
          <img class="img-circle" src="" alt="Generic placeholder image" style="width: 140px; height: 140px;">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
      
      <!--
        <div class="col-lg-4">
          <img class="img-circle" src="" alt="Generic placeholder image" style="width: 140px; height: 140px;">
          <h2>Heading</h2>
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
      
      <!--
        <div class="col-lg-4">
          <img class="img-circle" src="" alt="Generic placeholder image" style="width: 140px; height: 140px;">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
      
      <!--
      </div><!-- /.row -->
      
    


      <!-- START THE FEATURETTES -->
      
      

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading"> LocadoraBP. <span class="text-muted">Sua locadora online</span></h2>
          <p class="lead"> São filmes recém-saídos do cinema e títulos de catálogo, séries de de sucesso e programas de todos os gêneros e para todas as idades.  </p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
      </div>
      
      <!--

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-5">
          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
        <div class="col-md-7">
          <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->


      <!-- FOOTER -->
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
      </footer>

    </div><!-- /.container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="locadora/dist/js/bootstrap.min.js"></script>
    <script src="locadora/assets/js/docs.min.js"></script>
  </body>
</html>
